<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:p="http://primefaces.org/ui">
   
   <h:head>
      <title>#{msg['template.title']}</title>
      
      <h:outputStylesheet library="css" name="layout-jsf.css"/>
      <h:outputScript library="primefaces" name="jquery/jquery.js" />
      <h:outputScript name="index.js" library="js" />
   </h:head>
   
   <h:body>
      <f:view encoding="ISO-8859-1">
         <ui:insert name="metadata" />
      
         <div id="body">
            <div id="holder">
               <div id="header">
                  <p>
                     <a href="index.html">
                        <span id="logo_compagny">#{msg['template.logo.company']}</span> 
                        <span id="logo_name">#{msg['template.logo.name']}</span> 
                     </a>
                     <br /> 
                     <span id="slogan">#{msg['template.slogan']}</span>
                  </p>
                  
                  <ul>
                     <li>
                        <div id="login-info">
                           #{msg['template.welcome']} 
                           <input type="text" id="user_info" 
                                  value="anônimo" style="width: 180px;" />
                        </div>
                     </li>
                     <li>
                        <h:outputLink id="home" value="index.html">
                           #{msg['template.home']}
                        </h:outputLink>
                     </li>
                     <li>
                        <h:outputLink id="search" value="search.jsf">
                           #{msg['template.search']}
                        </h:outputLink>
                     </li>
                     <li>
                        <h:outputLink id="map" value="#">
                           #{msg['template.sitemap']}
                        </h:outputLink>
                     </li>
                  </ul>
               </div>
               
               <div class="clear"></div>
               <!-- HEADER END -->
               
               <!-- MENU -->
               <div id="menu">
                  <ul>
                     <li>
                        <h:outputLink styleClass="link_menu" 
                           value="login.jsp">
                           #{msg['template.access']}
                        </h:outputLink>
                     </li>
                     <li>
                        <h:outputLink styleClass="link_menu" 
                           value="#">
                           #{msg['template.company']}
                        </h:outputLink>
                     </li>
                     <li>
                        <h:outputLink styleClass="link_menu" 
                           value="#">
                           #{msg['template.news']}
                        </h:outputLink>
                     </li>
                     <li>
                        <h:outputLink styleClass="link_menu" 
                           value="#">
                           #{msg['template.attendance']}
                        </h:outputLink>
                     </li>
                     <li>
                        <h:outputLink styleClass="link_menu" 
                           value="#">
                           #{msg['template.last.orders']}
                        </h:outputLink>
                     </li>
                     <li>
                        <h:outputLink styleClass="link_menu" 
                           value="admin.jsf">
                           #{msg['template.admin']}
                        </h:outputLink>
                     </li>
                  </ul>
               </div>
               <div id="menu_img">
                  <p>
                     #{msg['eloja.name']} <br /> #{msg['template.slogan']}
                  </p>
               </div>
               <div class="clear"></div>
               <!-- MENU END -->
               
               <!-- CONTENT -->
               <div id="content">
                  <h1>
                     <ui:insert name="page.title" />
                  </h1>
                  
                  <ui:insert name="page.content" />
               
                  <div class="clear"></div>
               </div>
               <!-- CONTENT END -->
      
      
               <!-- FOOTER -->
               <div id="footer">#{msg['eloja.copy.right']}</div>
            </div>
      
         </div>
      </f:view>
   </h:body>

</html>
